<template>
  <div class="container">
    <div>
      <div class="content1">
        <classAdd></classAdd>        
      </div>
      <div class="content2">
        <generalButton msg='添加学生' @buttonClickEvent="enter"></generalButton>
      </div>
      <div class="content3">
        <br />
        <classContent ref="child"></classContent>
        <br />
      </div>
    </div>
  </div>
</template>

<script>
    import classContent from '../class/subComponents/classContent.vue'
    import classAdd from '../class/subComponents/classAdd'
    import generalButton from '../generalButton.vue'
    export default {
        inject:['reload'],
        name:'checkClass',
        components:{classContent,classAdd,generalButton},
        methods:{
            refreshS(){
                this.$refs.child.refresh()
            },
            enter(){
              this.$router.push("/teaHome/studentAdd");
            }
        }
    }

</script>

<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
.containter {
  float: left;
  height: 100%;
  width: 100%;
}
.content1,.content2 {
  margin-left: 5px;
  margin-top: 43px;
  height: 100%;
  width: 125px;
  float: left;
}

.content3 {
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  height: 100%;
  width: 100%;
  border: 1px solid black;
}
</style>
